<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js应用测试</title>
</head>

<body>
    <script>

        /*screen对象包含有关用户屏幕的信息。screen对象的主要属性有availWidth和availHeight，
        availWidth属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏；
        availHeight属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。*/
        document.write("可用宽度：" + screen.availWidth);   
        document.write("<br>");   
        document.write("可用高度：" + screen.availHeight);

        /*location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面。
        其主要属性有：
        location.hostname返回Web主机的域名
        location.pathname返回当前页面的路径和文件名
        location.port返回Web主机的端口（80或443）
        location.protocol返回所使用的Web协议（http://或https://）
        */
        document.write("<br>");  
        document.write("当前页面的路径和文件名:"+location.href+"<br />");
        document.write("当前页面的路径和文件名:"+location.pathname+"<br />");
        document.write("所使用的Web协议:"+location.protocol);
        document.write("<br>");  
        document.write("Web主机的域名:"+location.hostname);
        // 同时还可以通过给href属性赋值实现网页的跳转：
        var x = window.settimeout(location.href="https://www.sohu.com/a/339884382_500262",5000);
        // location.href="https://www.sohu.com/a/339884382_500262";
    </script>
</body>

</html>